import React, { Component } from "react";
import Taro from '@tarojs/taro';
import { View,Image,Text,Button,Input } from '@tarojs/components';
import {AtAvatar,AtRate  } from 'taro-ui';
import './minepinglun.scss'
class Minepinglun extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      value: 2
    }
  }
    render () {
      return <View className='container'>
          <View className='toptou'>
             <Text>我的评论</Text>
             <Text>共3条评论</Text>
          </View>
          <View className='pingmid'>
            <View className='at-row midtop'>
                <View className='at-col at-col-2 midtop1'>
                  <AtAvatar circle image='https://jdc.jd.com/img/200'></AtAvatar>
                </View>
                  
                 <View className='at-col at-col-6 midtop2'>
                <View style='font-size:18px'>
                  <Text>不知道先生</Text>
                </View>
                <View style='font-size:18px'>
                  <Text>2020-11-19 15:20:11</Text>
                </View>
              </View>
              <View className='at-col  at-col-4 midtop3'>
                <AtRate value={3.5} />
              </View>
              
            </View>
            <View className='shangping' style='font-size:18px'>
              <Text>商品:【仅限深圳同城地区】新鲜水果上市大荔冬枣5斤!箱枣香枣脆等你抢购【商品名称】</Text>
            </View>
            <View style='font-size:18px' className='pinglun'>
              <Text>商品:【仅限深圳同城地区】新鲜水果上市大荔冬枣5斤!箱枣香枣脆等你抢购【商品名称】</Text>
            </View>
          </View>
          
          <View className='pingmid'>
            <View className='at-row midtop'>
                <View className='at-col at-col-2 midtop1'>
                  <AtAvatar circle image='https://jdc.jd.com/img/200'></AtAvatar>
                </View>
                  
                 <View className='at-col at-col-6 midtop2'>
                <View style='font-size:18px'>
                  <Text>不知道先生</Text>
                </View>
                <View style='font-size:18px'>
                  <Text>2020-11-19 15:20:11</Text>
                </View>
              </View>
              <View className='at-col  at-col-4 midtop3'>
                <AtRate value={3.5} />
              </View>
              
            </View>
            <View className='shangping' style='font-size:18px'>
              <Text>商品:【仅限深圳同城地区】新鲜水果上市大荔冬枣5斤!箱枣香枣脆等你抢购【商品名称】</Text>
            </View>
            <View style='font-size:18px' className='pinglun'>
              <Text>商品:【仅限深圳同城地区】新鲜水果上市大荔冬枣5斤!箱枣香枣脆等你抢购【商品名称】</Text>
            </View>
          </View>
          <View className='pingmid'>
            <View className='at-row midtop'>
                <View className='at-col at-col-2 midtop1'>
                  <AtAvatar circle image='https://jdc.jd.com/img/200'></AtAvatar>
                </View>
                  
                 <View className='at-col at-col-6 midtop2'>
                <View style='font-size:18px'>
                  <Text>不知道先生</Text>
                </View>
                <View style='font-size:18px'>
                  <Text>2020-11-19 15:20:11</Text>
                </View>
              </View>
              <View className='at-col  at-col-4 midtop3'>
                <AtRate value={3.5} />
              </View>
              
            </View>
            <View className='shangping' style='font-size:18px'>
              <Text>商品:【仅限深圳同城地区】新鲜水果上市大荔冬枣5斤!箱枣香枣脆等你抢购【商品名称】</Text>
            </View>
            <View style='font-size:18px' className='pinglun'>
              <Text>商品:【仅限深圳同城地区】新鲜水果上市大荔冬枣5斤!箱枣香枣脆等你抢购【商品名称】</Text>
            </View>
          </View>
          </View>
          
    }
  }
  
  export default Minepinglun